<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes">
		<title>大唐微科集团</title>
		<link rel="shortcut icon" href="assets/img/icon.png">
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/main.css">
		<link rel="stylesheet" type="text/css" href="assets/css/green.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
		<link rel="stylesheet" href="assets/css/slicknav.css" />
		<style type="text/css">
			#app{
				margin:auto;
				width:90%;
				margin-left:5%;
				float: left;
			}
			.el-carousel__container img{
				display: block;
				width:100%;
			}
			#carousel-area i{
				margin-right: 0;
			}
			.bottom_color {
			    width: 100%;
			    margin-left:0;
			    padding-top:50px;
			}
			@media only screen and (min-width: 320px) and (max-width: 480px) {
				.el-pagination.is-background .el-pager li {
				    margin: 0 2px;
				}
				.el-carousel__indicator {
				    padding: 4px 7px;
				}
				.el-carousel__button{
					width:7px;
					height:7px;
				}
				.bottom_color {
				    padding-top: 27px;
				}
			}
		</style>
	</head>

	<body>
		<header id="header-wrap"></header>
		<div id="app" v-cloak>
			<!--<div class="banner_img">
				<img src="assets/img/banner_bg.png"/>
			</div>-->
			<!--新闻媒体-->
			<section id="news" class="section">
				<div class="news_div">
					<div class="news_centent_div">
						<div class="news_all_div">
							<p class="contact_p">感谢您对<span style="color: #003994;">大唐微科</span>的关注。</p>
							<p class="contact_p contact_op"> 如果您有任何问题或意见请通过以下方式与我们联络：</p>
							<div class="contact_bg_div">
								<div class="contact_foot">
									<div class="contact_img">
										<img src="assets/img/map.png"/>
									</div>
									<div class="contact_centent" v-show="showlist">
										<p class="contact_centent_op">{{contactUsList.newsTitle}}</p>
										<p class="contact_centent_op address_op">{{contactUsList.address}}</p>
										<p class="phone_op"><img src="assets/img/phone2.png"/></p>
										<p class="contact_centent_op emall_op">邮箱 :{{contactUsList.email}}</p>
									</div>
									<div class="contact_centent" v-show="hiddenlist">
										<p class="contact_centent_op">大唐微科集团</p>
										<p class="contact_centent_op address_op">郑州市金水东路与东风南路交叉口绿地原盛国际1号楼A座17楼</p>
										<p class="phone_op"><img src="assets/img/phone2.png"/></p>
										<p class="contact_centent_op emall_op">邮箱 :zj@veekersoft.com</p>
									</div>
									<dl class="contact_dl_evm">
										<dt class="contact_dt_evm">
											<img src="assets/img/evm.png"/>
										</dt>
										<dd class="contact_dd_evm">关注大唐微科公众号</dd>
									</dl>
								</div>
							</div>
							<!--底部边框颜色-->
							<div class="bottom_color">
								<div class="left_color"></div>
								<div class="right_color"></div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<script type="text/javascript" src="assets/js/jquery-min.js"></script>
		<script type="text/javascript" src="assets/js/conent.js"></script>
		<script type="text/javascript" src="assets/js/vue.js" ></script>
		<script type="text/javascript" src="assets/js/vue-resource.js" ></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data(){
					return{
						contactUsList:'',
						hiddenlist : '',
						showlist : ''
					}
				},
				created(){
					this.contactInfo()
				},
				methods:{
					contactInfo(){
						var _this = this;
						this.$http.get(URL + 'aboutus').then(function(data){
							if(data.body.code == 'success'){
								if(data.body.data.dataList.length > 0){
									_this.showlist = true;
									_this.contactUsList = data.body.data.dataList[0]
								}else{
									_this.hiddenlist = true
								}
							}
						})
					}
				}
			})
		</script>
		<!--底部-->
		<footer id="footer"></footer>
		<a href="#" class="back-to-top">
			<i class="fa fa-angle-up">
				<span class="i_span"></span>
			</i>
		</a>
		<script type="text/javascript" src="assets/js/Top.js"></script>
	</body>

</html>